<template>
    <div class="dataSearch">
        <el-tabs v-model="currentTab">
            <el-tab-pane>
                <span slot="label"><i class="el-icon-message"></i> 数据看板</span>
                <kanban />
            </el-tab-pane>
            <el-tab-pane>
                <span slot="label"><i class="el-icon-date"></i> 数据查看</span>
                <DataView @backup="currentTab = '0'"/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import DataView from "./DataView.vue";
    import kanban from "./kanban";
    export default {
        name: "dataSearch",
        components: {
            kanban,
            DataView,
        },
        data() {
            return {
                currentTab: "0"
            }
        },
    };
</script>

<style scoped lang="scss">
    .dataSearch {
        margin: 0 50px 60px;
        background: #fff;
        padding: 0 24px;
        ::v-deep {
            .el-tabs {
                border: none;
                box-shadow: none;
            }
            .el-tabs--border-card > .el-tabs__header {
                background: none;
            }
            .el-tabs__content {
                min-height: calc(100vh - 211px);
            }
            .el-tabs__header {
                margin-bottom: 0;
            }
        }
    }
</style>